﻿<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Courses.aspx.cs" Inherits="Students.Courses" %>

<!doctype html>
<html>
<head id="Head1" runat="server">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <title>Courses</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- jQuery UI -->
    <link rel="stylesheet" href="css/plugins/jquery-ui/jquery-ui.min.css">
    <!-- Theme CSS -->
    <link rel="stylesheet" href="css/style.css">
    <!-- Color CSS -->
    <link rel="stylesheet" href="css/themes.css">
    <!-- Favicon -->
    <link rel="shortcut icon" href="img/favicon.ico">
    <!-- Apple devices Homescreen icon -->
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png">
</head>
<body>
    <div id="navigation">
        <div class="container-fluid">
            <a href="#" id="brand">Student</a>
            <div class="user" id="divUser" runat="server">
                <div class="dropdown">
                    <a href="#" class='dropdown-toggle' data-toggle="dropdown">
                        <asp:Label ID="lblCurrentUser" runat="server"></asp:Label>
                        <img src="img/demo/user-avatar.jpg" alt=""></a>
                    <ul class="dropdown-menu pull-right">
                        <li>
                            <a href="/logout.aspx">Sign out</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid" id="content">
        <div id="main">
            <div class="container-fluid">
                <form id="form1" runat="server">
                    <script src="Scripts/jquery-1.8.2.js"></script>
                    <script src="Scripts/jquery-ui-1.8.24.js"></script>
                    <script>
                        $(function () {
                            $("#<%= tbExpirationDate.ClientID %>").datepicker();
        });
                    </script>
                    <div class="row">
                        <div class="col-lg-12">
                            <h1 class="page-header">Courses </h1>
                        </div>
                        <!-- /.col-lg-12 -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="alert alert-warning alert-danger" id="divAlert" runat="server">
                                <a class="close" data-dismiss="alert">×</a>
                                <strong runat="server" id="MessageTitle">Lorem ipsum!</strong> <span id="MessageText" runat="server">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae tristique erat.</span>
                            </div>
                        </div>
                    </div>
                    <div class="row" id="memberUsers" runat="server">
                        <div class="col-lg-12 col-sm-12 col-xs-12 table-responsive">
                            <asp:GridView ID="grdViewMemberHistory" runat="server" ShowHeaderWhenEmpty="true" GridLines="None" EmptyDataText="No data" CssClass="table table-striped table-bordered table-hover" AutoGenerateColumns="False" CellPadding="0"
                                DataKeyNames="Id"
                                OnRowDataBound="grdViewMemberHistory_RowDataBound">
                                <Columns>
                                    <asp:TemplateField HeaderText="No">
                                        <ItemTemplate>
                                            <asp:Label ID="lblNo" runat="server"></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Course Name">
                                        <ItemTemplate>
                                            <asp:Label ID="lblUsername" runat="server" Text='<%# Eval("CourseName") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Course Subject">
                                        <ItemTemplate>
                                            <asp:Label ID="lblEmail" runat="server" Text='<%# Eval("CourseSubject") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Course Number">
                                        <ItemTemplate>
                                            <asp:Label ID="lblFname" runat="server" Text='<%# Eval("CourseNumber") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Course Description">
                                        <ItemTemplate>
                                            <asp:Label ID="lblLname" runat="server" Text='<%# Eval("CourseDescription") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Term">
                                        <ItemTemplate>
                                            <asp:Label ID="lblTerm" runat="server" Text='<%# Eval("Term") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>
                        </div>
                        <div class="col-lg-12 text-right" id="divPaging" runat="server" style="padding-top: 10px; float: right">
                        </div>
                    </div>
                    <div id="memberSection" class="row" runat="server">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="col-lg-12">
                                    <asp:Label ID="lblUsername" runat="server" Text="Username"></asp:Label>
                                    <span class="red">(*)</span>
                                    <asp:TextBox ID="tbUsername" runat="server" class="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="lblPassword" runat="server" Text="Password"></asp:Label>
                                    <span class="red">(*)</span>
                                    <asp:TextBox ID="tbPassword" TextMode="Password" runat="server" class="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="lblConfirmPassword" runat="server" Text="Confirm password"></asp:Label>
                                    <span class="red">(*)</span>
                                    <asp:TextBox ID="tbConfirmPassword" TextMode="Password" runat="server" class="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-12">
                                    <asp:Label ID="lblEmail" runat="server" Text="Email"></asp:Label>

                                    <asp:TextBox ID="tbEmail" runat="server" class="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="lblFirstName" runat="server" Text="First name"></asp:Label>

                                    <asp:TextBox ID="tbFirstName" runat="server" class="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="lblLastName" runat="server" Text="Last name"></asp:Label>
                                    <asp:TextBox ID="tbLastName" runat="server" class="form-control"></asp:TextBox>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-6">
                                    <asp:Label ID="lblStreet" runat="server" Text="Street"></asp:Label>
                                    <asp:TextBox ID="tbStreet" runat="server" class="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="lblCity" runat="server" Text="City"></asp:Label>

                                    <asp:TextBox ID="tbCity" runat="server" CssClass="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="lblState" runat="server" Text="State"></asp:Label>
                                    <asp:TextBox ID="tbState" runat="server" class="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="Zipcode" runat="server" Text="Zip code"></asp:Label>
                                    <asp:TextBox ID="tbZipcode" runat="server" CssClass="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-12">
                                    <asp:Label ID="lblCreditCard" runat="server" Text="Credit card no"></asp:Label>

                                    <asp:TextBox ID="tbCreditNo" runat="server" CssClass="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="lblExpirationDate" runat="server" Text="Expiration date"></asp:Label>

                                    <asp:TextBox ID="tbExpirationDate" runat="server" placeholder="__/__/____" class="form-control"></asp:TextBox>
                                </div>
                                <div class="col-lg-6">
                                    <asp:Label ID="lblCVS" runat="server" Text="CVS"></asp:Label>
                                    <asp:TextBox ID="tbCVS" runat="server" class="form-control"></asp:TextBox>
                                </div>
                            </div>
                            <div class="col-lg-12" style="margin: 15px 0">
                                <div class="col-lg-12 text-right">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
</html>
